<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/head.css" />
		<link rel="stylesheet" href="css/publicResource.css" />
		<link rel="stylesheet" href="css/ResourceLib.css" />
		<link rel="stylesheet" href="css/personCenter.css"/>
		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript">
			$(function()
			{
				$('.menu_item').click(function(ev)
				{
					event.preventDefault();
					$('#pr_box').load(ev.target.href);	
				});
			});
		</script>
	</head>
	<body>
			<small class="fleft mb5">当前位置：首页>会员中心>个人信息</small>
				<hr style="height: 0.5px; width: 100%;background: rgb(0,143,90);" />
				<br />
<form method="post">	
				<div id="person_info">
					<a href="#" class="fright"><img src="img/person_edit.png"/></a>
					<div style="overflow: auto;border-bottom: 1px dashed gray;">
						<br />
						<img src="img/picture_personal_photo.png"/>
						<article>
							
							<h3>林子聪</h3>
							<br />
							<font>性别：男</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<font>籍贯：宁夏</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<font>电话：15509516226</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<br /><br />
							<font>所属部门：配电部</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<font>职位：主任</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<br /><br />
							<font>个性签名：做一个合格的配电员工，为欣光泰加油</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						</article>
					</div>
					<div style="margin-top: 10px;">
						<div class="fleft">
							<img src="img/icon_personal_rank.png"/>个人等级：<font color="gold">初级</font>
						</div>
						
						<div class="fleft ml10">
							<img src="img/icon_personal_gold.png"/>金币数量：<font color="gold">10</font>
						</div>
						
					</div>

				</div>
				
				<ul class="resource_list">
					<li>
						<div class="myCheckbox_round">
							<input type="checkbox" name="userbroble" id="userbroble_1">
								<label for="userbroble_1"></label>
							</input>
						</div>
						<img src="img/picture_personal_photo.png"/>
						
						<h4><a class="me" href="#">配电的安全电压是怎么算的</a></h4>
						<span>
						<img src="img/icon_talk_people1.png" class="fright"/><font>10人参与</font>
						</span>
						<br />
						<small>配电系统中配电变电所</small><time class="fright">2016-12-30</time>
						
						
					</li>
					<li>
						<div class="myCheckbox_round">
							<input type="checkbox" name="userbroble" id="userbroble_2">
								<label for="userbroble_2"></label>
							</input>
						</div>
						<img src="img/picture_personal_photo.png"/>
						<h4><a class="me" href="#">配电的安全电压是怎么算的</a></h4>
						<span>
						<img src="img/icon_talk_people1.png" class="fright"/><font>10人参与</font>
						</span>
						<br />
						<small>配电系统中配电变电所</small><time class="fright">2016-12-30</time>
					</li>
					<li>
						<div class="myCheckbox_round">
							<input type="checkbox" name="userbroble" id="userbroble_3">
								<label for="userbroble_3"></label>
							</input>
						</div>
						<img src="img/picture_personal_photo.png"/>
						<h4><a class="me" href="#">配电的安全电压是怎么算的</a></h4>
						<span>
						<img src="img/icon_talk_people2.png" class="fright"/><font>10人参与</font>
						</span>
						<br />
						<small>配电系统中配电变电所</small><time class="fright">2016-12-30</time>
					</li>
					<li>
						<div class="myCheckbox_round">
							<input type="checkbox" name="userbroble" id="userbroble_4">
								<label for="userbroble_4"></label>
							</input>
						</div>
						<img src="img/picture_personal_photo.png"/>
						<h4><a class="me" href="#">配电的安全电压是怎么算的</a></h4>
						<span>
						<img src="img/icon_talk_people1.png" class="fright"/><font>10人参与</font>
						</span>
						<br />
						<small>配电系统中配电变电所</small><time class="fright">2016-12-30</time>
					</li>
				</ul>
</form>					
				<div id="resource_page">
					<ul class="resource_page_number">
						<li><a href="#"><img src="img/icon_pagenumber_arrow_L.png"></img></a></li>
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li><a href="#">6</a></li>
						<li><a href="#">7</a></li>
						<li><a href="#">8</a></li>
						<li><a href="#">9</a></li>
						<li><a href="#">10</a></li>
						<li><a href="#">11</a></li>
						<li><a href="#">12</a></li>
						<li><a href="#">...</a></li>
						<li><a href="#">30</a></li>
						<li><a href="#"><img src="img/icon_pagepagenumber_arrow_R.png"/></a></li>
					</ul>
				</div>
	</body>
</html>
